<template>
	<view>
		
		<view class="mid">
			<view class="midone">
				<view class="zhengti">
					<image src="../../static/images/书1.jpg" style="width: 125rpx; height: 170rpx;"></image>
					<view class="midwz">致敬老师</view>
					<image src="../../static/images/shoucang1.png" style="width: 40rpx; height: 30rpx;"></image>
				</view>
				<view class="shumu">作者：
				<view class="shumutwo">于思蓝</view>
				</view>
				<view class="shumuone">出版社：为人民服务出版社</view>
				<view class="shumuone">出版时间：2020-09</view>
				<view class="shumuthree">广东省立中山图书馆馆藏，广东中山图书馆</view>
			</view>
			<view class="midone">
				<view class="zhengti">
					<image src="../../static/images/书2.jpg" style="width: 125rpx; height: 170rpx;"></image>
					<view class="midwz">预见未来</view>
					<image src="../../static/images/shoucang1.png" style="width: 40rpx; height: 30rpx;"></image>
				</view>
				<view class="shumu">作者：
				<view class="shumutwo">大鱼</view>
				</view>
				<view class="shumuone">出版社：为人民服务出版社</view>
				<view class="shumuone">出版时间：2020-09</view>
				<view class="shumuthree">广东省立中山图书馆馆藏，广东中山图书馆</view>
			</view>
			<view class="midone">
				<view class="zhengti">
					<image src="../../static/images/书3.jpg" style="width: 125rpx; height: 170rpx;"></image>
					<view class="midwz">你是人间四月天</view>
					<image src="../../static/images/shoucang1.png" style="width: 40rpx; height: 30rpx;"></image>
				</view>
				<view class="shumu">作者：
				<view class="shumutwo">余小鱼</view>
				</view>
				<view class="shumuone">出版社：为人民服务出版社</view>
				<view class="shumuone">出版时间：2020-09</view>
				<view class="shumuthree">广东省立中山图书馆馆藏，广东中山图书馆</view>
			</view>
		</view>
	</view>
</template>

<script></script>

<style>

.mid {	
	margin-top:20rpx;
	width: 100%;
	/* height: 200rpx; */
	/* background-color: #007AFF; */
}
.midone {
	width: 100%;
	height: 200rpx;
	font-size: 30rpx;
	margin-top: 35rpx;
	align-items: center;
	border-bottom: 3rpx solid #bbbbbb;
	/* background-color: #2C405A; */
}
.zhengti {
	margin-left:30rpx;
	display: flex;
}
.imag{
	margin-left:30rpx;
}
.ima{
	width: 40rpx;
	height: 30rpx;
	/* margin-left: 400rpx; */
}
.midwz {
	font-size: 30rpx;
	height:35rpx;
	width: 520rpx;
	margin-top: -5rpx;
	align-items: center;
	margin-left: 28rpx;
	/* background-color:  #333333; */
}
.shumu {
	margin-left: 180rpx;
	height: 30rpx;
	font-size: 25rpx;
	margin-top: -130rpx;
	color:   #999999;
	/* background-color: #4CD964; */
	width:100%;
	
}
.shumuone{
	margin-left: 180rpx;
	font-size: 25rpx;
	color: #999999;
	/* background-color: #4CD964; */
}
.shumutwo{
	margin-left:70rpx;
	font-size: 25rpx;
	color:  #007AFF;
	margin-top: -32rpx;
	/* background-color:  #F0AD4E; */
}
.shumuthree{
	margin-top: 10rpx;
	font-size: 25rpx;
	color: #F0AD4E;
	margin-left: 180rpx;
	/* background-color: #3F536E; */
}

</style>
